extends layouts/main-layout.pug

block styles
    link(rel="stylesheet", href="/css/product.css")


block content
    main
        if prods.length > 0
            div.grid
                each product in prods
                    article.card.product-item
                        header.card__header
                            h1.product__title #{product.title}

                        div.card__image
                            img(src="", alt="A Book")
                        div.card__content
                            h2.product__price $19.99
                            p.product__description A very interesting book about so many even more interesting things!
                        .card__actions
                            button.btn Add to Cart
        else
            h1 No Products




    //<!DOCTYPE html>
    //html(lang="en")
    //    head
    //        meta(charset="UTF-8")
    //        meta(name="viewport", content="width=device-width, initial-scale=1.0")
    //        meta(http-equiv="X-UA-Compatible", content="ie=edge")
    //        title #{docTitle}
    //        link(rel="stylesheet", href="/css/main.css")
    //        link(rel="stylesheet", href="/css/product.css")
    //    body
    //        header.main-header
    //            nav.main-header__nav
    //                ul.main-header__item-list
    //                    li.main-header__item
    //                        a(href='/') Shop
    //                    li.main-header__item
    //                        a.active(href="/admin/add-product") Add Product
    //        main
    //            if prods.length>0
    //                div.grid
    //                    each product in prods
    //                        article.card.product-item
    //                            header.card__header
    //                                h1.product__title #{product.title}
    //
    //                            div.card__image
    //                                img(src="", alt="A Book")
    //                            div.card__content
    //                                h2.product__price $19.99
    //                                p.product__description A very interesting book about so many even more interesting things!
    //                            .card__actions
    //                                button.btn Add to Cart
    //            else
    //                h1 No Products

